﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>园区新建/编辑</title>
        <link rel="stylesheet" type="text/css" href="<%request.getContextPath();%>/css/jquery.dataTables.css"/>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/Login.css">
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/commonStyle.css"/>
        <style type="text/css" class="init"></style>
        <script src="<%request.getContextPath();%>/js/jquery-1.11.2.min.js"></script>
        <script src="<%request.getContextPath();%>/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="<%request.getContextPath();%>/js/jquery.dataTables.js"></script>
        <!--  图片上传  -->
        <script type="text/javascript" src="<%request.getContextPath();%>/js/plus_more.js"></script>
        <!--  图片上传  -->
        <script type="text/javascript" language="javascript" class="init">
            $(document).ready(function() 
            {
                $('#example').dataTable();

            } );
        </script>
    </head>

    <body>
    <div class="container">
<!--      页头-->
       <header>
          <h2><span id="title">园区信息编辑</span></h2>
       </header>
       <hr>
       
       <article>
        <form class="form-horizontal" action="/${addOrUpdate}/park" method="post" enctype="multipart/form-data">
<!--         编号-->
          <div class="form-group">
            <label for="num" class="col-sm-2 control-label">编号</label>
            <div class="col-xs-4">
                <input name="parkid" type="text" class="form-control" id="num" placeholder="系统自动分配，每个园区的唯一ID" value="${parks.parkid}" readonly>
            </div>
          </div>
<!--          园区名称-->
          <div class="form-group">
            <label  class="col-sm-2 control-label">园区名称</label>
            <div class="col-xs-4">
                <input name="name" type="text" class="form-control"  placeholder="*****" value="${parks.name}"/>
            </div>
            <p class="help-inline">最多18个汉字</p>
          </div>
<!--          类型 -->
          <div class="form-group">
            <label for="kind" class="col-sm-2 control-label">类型</label>
            <div class="col-xs-4">
                <select name="level" id="kind" class="form-control">
                         <option  value="1">国家级</option>
                         <option value="2">市级</option>
                         <option value="3">地级</option>
                         <option value="4">其他</option>
                 </select>
            </div>
          </div>
<!--          性质 -->
          <div class="form-group">
            <label for="property" class="col-sm-2 control-label">性质</label>
            <div class="col-xs-4">
                <select name="character" id="property" class="form-control">
                         <option selected  value=1>孵化器</option>
                         <option value=2>创业园</option>
                         <option value=3>开发区</option>
                         <option value=4>科创中心</option>
                         <option value=5>其他</option>
                 </select>
            </div>
          </div>
<!--         定位 -->
          <div class="form-group">
            <label for="location" class="col-sm-2 control-label">定位</label>
            <div class="col-xs-4">
                <select name="industrycategory" id="location" class="form-control">
                         <option selected value="综合">综合</option>
                         <option value="软件">软件</option>
                         <option value="互联网">互联网</option>
                         <option value="文化创意">文化创意</option>
                         <option value="生物技术">生物技术</option>
                         <option value="医疗健康">医疗健康</option>
                         <option value="其他">新材料</option>
                         <option value="农业">农业</option>
                         <option value="其他">其他</option>
                 </select>
            </div>
          </div>
<!--          经度纬度的确认-->
          <div class="form-group">
            <label for="loc" class="col-sm-2 control-label">经度</label>
            <div class="col-sm-4">
               <input name="longtitude" type="text" class="form-control" id="loc" placeholder="纬度" value="${parks.latitude}">
            </div>
          </div>

            <div class="form-group">
                <label for="loc" class="col-sm-2 control-label">纬度</label>
                <div class="col-sm-4">
                    <input name="latitude" type="text" class="form-control"  placeholder="纬度" value="${parks.longtitude}">
                </div>
            </div>

<!--     !!!11!!1     地理位置-->
          <div class="form-group">
            <label class="col-sm-2 control-label">地理位置</label>
            <div class="col-sm-2">
                <select  id="Province" class="form-control">
                    <option value="浙江省">浙江省</option>
                    <option value="不限">不限</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select  id="city" class="form-control">
                    <option value="杭州市">杭州市</option>
                    <option value="不限">不限</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select  name="regionId" class="form-control">
                    <option value="区">县/区</option>
                    <option value="不限">不限</option>
                </select>
            </div>
          </div>
<!--          详细地址-->
          <div class="form-group">
            <label  class="col-sm-2 control-label">详细地址</label>
            <div class="col-sm-8">
               <input name="address" type="text" class="form-control"  placeholder="不需要重复填写省市区，必须大于5个字符，小于120个字符" value="${parks.address}"/>
            </div>
          </div>  
<!--          园区介绍-->
          <div class="form-group">
            <label for="intro" class="col-sm-2 control-label">园区介绍</label>
            <div class="col-sm-8">
               <textarea name="introduction" id="intro" class="form-control" rows="5" placeholder="园区介绍，不超过500字">${parks.introduction}</textarea>
            </div>
          </div>         
<!--          发展规划-->
          <div class="form-group">
            <label for="plan" class="col-sm-2 control-label">发展规划</label>
            <div class="col-sm-8">
               <textarea name="plan" id="plan" class="form-control" rows="5">${parks.plan}</textarea>
            </div>
          </div>
        <%--园区可提供服务   暂时性删除--%>
          <div class="form-group">
            <label class="col-sm-2 control-label">园区可提供服务</label>
            <div class="col-sm-8">
              <button type="button" class="btn btn-default">导师团</button>
              <button type="button" class="btn btn-default">停车位</button>
              <button type="button" class="btn btn-default">税收减免</button>
              <button type="button" class="btn btn-default">政府补贴资金</button>
              <button type="button" class="btn btn-default">办公家具</button>
              <button type="button" class="btn btn-default">测试用硬件</button>
            </div>
          </div>

<%--<!--          园区特色-->--%>
          <div class="form-group">
            <label for="feature" class="col-sm-2 control-label">园区特色</label>
            <div class="col-sm-8">
               <textarea name="feature" id="feature" class="form-control" rows="5">${parks.feature}</textarea>
            </div>
          </div>
<%--<!--         园区面积-->--%>
          <div class="form-group">
            <label for="area" class="col-sm-2 control-label">园区面积</label>
            <div class="col-xs-4">
                <input name="area" type="text" class="form-control" id="area" placeholder="200000" ${parks.area}>
            </div>
            <p class="help-inline">平米</p>
          </div>
<!--         园区可出租面积-->
          <div class="form-group">
            <label for="renarea" class="col-sm-2 control-label">园区可出租面积</label>
            <div class="col-xs-4">
                <input name="rentarea" type="text" class="form-control" id="renarea" placeholder="150000" value="${parks.rentarea}">
            </div>
            <p class="help-inline">平米</p>
          </div>
<!--         园区租金-->
          <div class="form-group">
            <label for="rent" class="col-sm-2 control-label">园区租金</label>
            <div class="col-xs-4">
                <input name="rent" type="text" class="form-control" id="rent" placeholder="1.5" value="${parks.rent}">
            </div>
            <p class="help-inline">元/天/平米</p>
          </div>
<!--     !!!!!!!!!!    园区logo-->
            <div class="form-group">
                <label for="rent" class="col-sm-2 control-label">园区logo</label>
                <div id="uplogol_3" style="float:left; border:1px solid #999999; margin-left:14px;"><img id="showlogol_3" name="" src="images/Project-LOGO.png" class="other_pic_logo"/></div>
                <div style="float:left;">
                    <label for="surelogol_3" class="btn btn-primary submit_btn_img_p" style="margin-left:20px; margin-top:20px;" > +更换图片
                        <input type="file" name="files" onchange="previewImage(this,'uplogol_3','showlogol_3',120,120)" name="pic_submit" class="submit_btn" style="display:none;" id="surelogol_3" value="上传Logo"/>
                    </label>
                    <p class="Tab_he_2">规格：120✖120；</p>
                    <p class="Tab_he_3">格式：JPG；</p>
                </div>
            </div>
<!--         园区图片
          <div class="form-group">
            <label for="rent" class="col-sm-2 control-label">园区图片</label>
            <img src="images/u0.png" alt="园区logo" class="img-thumbnail">
            <img src="images/u0.png" alt="园区logo" class="img-thumbnail">
            <img src="images/u0.png" alt="园区logo" class="img-thumbnail">
            <span class="help-inline">规格：16✖16；格式：jpg；</span>
            <button type="submit" class="btn btn-primary">+选择本地图片</button>
          </div>
          -->
<!--         按钮组-->
            <div class="buttongroup" style="width:970px; margin-left:0px; margin-top:0px;">
                <button type="button" class="btn btn-primary" >保存为草稿</button>
                <button type="button" class="btn btn-primary" id="contact_btn2">保存并上线</button>
                <button type="reset" class="btn" id="p_savenone" style="margin-left: 80px;width:100px;margin-top:13px;">取消</button>
            </div>
            <!-- 保存为草稿的弹窗 开始 -->
            <div id="Popups_savech" class="Popup_out_st">
                <div id="Con_box_savech" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savech" class="Close_Popups"/>
                    <label class="Popup_label">保存为草稿</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存为草稿弹窗 结束 -->
            <!-- 保存并上线弹窗 开始 -->
            <div id="Popups_saveup" class="Popup_out_st">
                <div id="Con_box_saveup" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_saveup" class="Close_Popups"/>
                    <label class="Popup_label">保存并上线</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容并发布上线？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存并上线弹窗 结束 -->
            <!-- 取消弹窗 开始 -->
            <div id="Popups_savenone" class="Popup_out_st">
                <div id="Con_box_savenone" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savenone" class="Close_Popups"/>
                    <label class="Popup_label">取消</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">确定放弃当前文案修改？</p>
                    <button type="reset" class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 取消弹窗 结束 -->
        </form>
        </article>
    </div>
    <script type="text/javascript">
        wdh=$(window).width();
        left=(wdh-330)/2;
        www=$(document).width();
        hhh=$(document).height();
        $(document).ready(function(){
            //保存为草稿
            $("#contact_btn1").click(function(){
                $("#Popups_savech").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_savech").css('margin-left',left);
                $("#Con_box_savech").css('margin-top','750px');
            });
            $("#closePopups_savech").click(function(){
                $("#Popups_savech").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveyes").click(function(){
                $("#Popups_savech").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveno").click(function(){
                $("#Popups_savech").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            //保存并上线
            $("#contact_btn2").click(function(){
                $("#Popups_saveup").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_saveup").css('margin-left',left);
                $("#Con_box_saveup").css('margin-top','750px');
            });
            $("#closePopups_saveup").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveupyse").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveupno").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            //取消
            $("#p_savenone").click(function(){
                $("#Popups_savenone").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_savenone").css('margin-left',left);
                $("#Con_box_savenone").css('margin-top','750px');
            });
            $("#closePopups_savenone").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_savenoneyse").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_savenoneno").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });
            $("#page_index ").css('width',www);
        });
        $(window).resize(function(){
            wdh=$(window).width();
            left=(wdh-330)/2;
            www=$(document).width();
            //保存为草稿
            $("#Con_box_savech").css('margin-left',left);
            $("#Con_box_savech").css('margin-top','750px');
            //保存并上线
            $("#Con_box_saveup").css('margin-left',left);
            $("#Con_box_saveup").css('margin-top','750px');
            //取消
            $("#Con_box_savenone").css('margin-left',left);
            $("#Con_box_savenone").css('margin-top','750px');

            $("#page_index ").css('width',www);
        });
    </script>
    </body>
</html>